<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>服务大厅</title>
		<link rel="stylesheet" href="../layui/css/layui.css">
		<link rel="stylesheet" href="../xznstatic/css/common.css"/>
		<link rel="stylesheet" href="../xznstatic/css/style.css"/>
		<link rel="stylesheet" href="css/bootstrap.css">
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/materialdesignicons.min.css" rel="stylesheet">
		<link href="css/style.min.css" rel="stylesheet">
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
	</head>
	<style type="text/css">
		html, body {
			height: 100%;
		}
		#iframe {
			width: 100%;
			margin-top: 50px;
			padding-top: 94px;
		}
		#header {
			height: auto;
			background: #fff;
			border-bottom: 0;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
		}

		#header .nav-top {
			display: flex;
			align-items: center;
			padding: 0 20px;
			font-size: 16px;
			color: #2a8a15;
			box-sizing: border-box;
			height: 50px;
			background-color: rgba(255, 120, 0, 1);
			box-shadow: 0 0 20px #e88a64;
			justify-content: center;
			position: relative;
		}

		#header .nav-top-title {
			line-height: 40px;
			font-size: 20px;
			color: rgba(255, 255, 255, 1);
			padding: 0 10px;
			margin: 0 10px;
			border-radius: 0px;
			border-width: 0;
			border-style: solid;
			border-color: rgba(0,0,0,.3);
			box-shadow: ;
		}
		#header .nav-top-tel {
			line-height: 40px;
			font-size: 16px;
			color: #333;
			padding: 0 10px;
			margin: 0;
			border-radius: 6px;
			border-width: 0;
			border-style: solid;
			border-color: rgba(0,0,0,.3);
			box-shadow: ;
		}

		#header .navs {
			display: flex;
			padding: 0 20px;
			align-items: center;
			box-sizing: border-box;
			height: 94px;
			background-color: rgba(255, 248, 239, 1);
			box-shadow: 0 1px 6px rgba(0,0,0,0);
			justify-content: center;
		}
		#header .navs .title {
			width: auto;
			line-height: 40px;
			font-size: 16px;
			color: #333;
			padding: 0 10px;
			margin: 0 5px;
			border-radius: 6px;
			border-width: 0;
			border-style: solid;
			border-color: rgba(0,0,0,.3);
			box-shadow: 0 0 6px rgba(0,0,0,0);
		}
		#header .navs li {
			display: inline-block;
			width: auto;
			line-height: 34px;
			padding: 0 10px;
			margin: 0 5px;
			color: #333;
			font-size: 20px;
			border-radius: 6px;
			border-width: 0;
			border-style: solid;
			border-color: rgba(0,0,0,.3);
			background-color: rgba(255, 248, 239, 1);
			box-shadow: 0 0;
      text-align: center;
		}
		#header .navs li a{
			color: inherit;
		}
		#header .navs li.current a{
			color: inherit;
		}
		#header .navs li a:hover{
			color: inherit;
		}
		#header .navs li.current {
			color: rgba(226, 81, 17, 1);
			font-size: 20px;
			border-radius: 0px;
			border-width: 0;
			border-style: solid;
			border-color: rgba(255, 255, 255, 1);
			background-color: rgba(255, 248, 239, 1);
			box-shadow: 0 2px 0px #e25111;
		}
		
	#carouselExampleIndicators{
		width: 100%;
		height:600px;
	}
	#carouselExampleIndicators .carousel-inner{
	width: 100%;
	height: 600px;	
	}
	.box2{
		position: absolute;
		width: 200px;
		height: 608px;
		background-color: rgba(255, 248, 239, 1);
		margin-top: 145px;
	}
	.box3{
		position: absolute;
		            left: 60px;
		            right: 0px;
		            top: 135px;
		            bottom: 0;
		            margin: auto;
		 
		            width: 70%;
		            height: 600px;
		            background-color: white;
		
	}
	
	</style>
	<body>
		<!-- start 顶部导航栏 -->
		<div id="header">
			<div v-if='true' class="nav-top">
			  
			  <div v-if="true" class="nav-top-title">智能车险投保系统</div>
			  <div class="nav-top-tel"></div>
			</div>
		    <div class="navs">
		    	<!-- <div class="logo" style="font-size: 20px;top: 32px;color: #fff;font-weight: bold;margin-left: -200px;width: 240px;" v-text="projectName"></div> -->
				<div class="title" v-if="false" v-text="projectName"></div>
				<div class="list">
					<ul>
							<li ><a href="./shouye.html" ><i v-if="false" class="layui-icon layui-icon-home"></i>首页</a></li>

						<li ><a href="./login.html" ><i v-if="false" class="layui-icon layui-icon-list"></i>了解车险</a></li>
						<li ><a href="./qichebaoxian.html" ><i v-if="false" class="layui-icon layui-icon-cart"></i>汽车保险</a></li>
						<li class='current'><a href="./fuwudating.html" class="menumain"><i v-if="false" class="layui-icon layui-icon-util"></i>服务大厅</a></li>
						<li ><a href="./regist.html" ><i v-if="false" class="layui-icon layui-icon-username"></i>个人中心</a></li>
					</ul>
				</div>
		    </div>
				
		</div>
		<div class="box2">
		<ul class="layui-nav layui-nav-tree layui-inline" lay-filter="demo" style="margin-right: 600px;">
		  <li class="layui-nav-item ">
		    <a href="baodanfuwu.html">保单服务</a>
		    <dl class="layui-nav-child">
		      <dd><a href="javascript:;">查看已购买保单信息</a></dd>
		    </dl>
		  </li>
		  <li class="layui-nav-item">
		    <a href="zhifufuwu.html">支付服务</a>
		    <dl class="layui-nav-child">
		      <dd><a href="">查询支付信息</a></dd>
		    </dl>
		  </li>
		  <li class="layui-nav-item">
		    <a href="kuaidifuwu.html">快递服务</a>
			<dl class="layui-nav-child">
			  <dd><a href="">查询快递信息</a></dd>
			</dl>
		</ul>
		</div>
		

		<script src="../xznstatic/js/jquery-1.11.3.min.js"></script>
		<script src="../layui/layui.js"></script>
		<script src="../js/vue.js"></script>
		<script src="../js/config.js"></script>
		<script src="../js/bootstrap.min.js"></script>
		
		
	</body>
</html>
